<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AY_Hashad Blog: Tech-Talks!</title>
<link rel="stylesheet" type="text/css" href="httP://localhost:8000/static/style.css" />
<script type='text/javascript' src='http://vectorart.org/wp-content/themes/vector/images/jquery.js'></script> 

</head>

<body>


<div id="top">
	<div id="insidetop">
        <h4>My Technology Info Sources</h4>
        
        <p>Here are my five most favorite Technology and Information Systems Websites :</p>
        
        <h5><a href="http://mashable.com/">Mashable</a></h5>
        <h5><a href="http://www.engadget.com/">Engadget</a></h5>
        <h5><a href="http://www.maximumpc.com/">Maximum-PC</a></h5>
        <h5><a href="http://www.cnet.com/">CNET</a></h5>
        <h5><a href="http://www.cio.com/">CIO</a></h5>
        
    </div><!--insidetop-->
</div><!-- top -->

<div id="topline">	
	<div class="content">
       <a><strong>Static</strong> Websites</a>
    </div>
</div><!-- topline -->


<div id="wrapper">

    	<div class="content">
    	
             <div id="header">
             
                    <h1><a href="#"><span>Following Technology Advancments</span>Hashad's Blog</a></h1>
                    
                     <div id="menu">
                
                        <ul>	
                            <li><a href="http://localhost:8000/blogApp"">Home</a></li>
                            <li><a href="http://localhost:8000/aboutMe""></a>About Me</li>
                        </ul>
                    
                	</div><!-- menu -->
                
             </div><!--header-->
             
               <div class="sidebar">
             	
                
                

				</div><!--sidebar-->
             
             <div id="container">
             	{% block content %}
             	{% for about in about %}

				<h1>About Me:</span></h1>
				<div class="about_body">
					{{ about.body|safe|linebreaks }}
				</div>
				{% endfor %}
				{% endblock %}
             	
             </div><!--container-->                        
                        	
        </div><!--content-->
        
    </div><!--wrapper-->
    
<div id="footer">
    	<div class="content">
        		
                 <div class="sidebar">
                   
                   		
                   
                   </div><!--sidebar-->
               <div id="left">
            	 
                 
                 <div id="right">
				 </div><!--right-->
                   
                   <a href="#"><span class="leftp">copyright 2010 TOPSOFT</span></a>
                  
                   <a href="http://vectorart.org"><span class="rightp"> Thanks to VectorArt</span></a>
                   
                   
                 </div><!--content-->
                        
</div><!--footer-->    
    
<script type='text/javascript'>
$(document).ready(function(){

	$("div#topline a").click(function(){
	  $("#top").slideToggle("slow");
	  $(this).toggleClass("active");
	});		

});		
</script>    
</body>
</html>
